#{extends 'main.html' /} #{set title:'Restaurant'/} #{set 'moreScripts'}
#{script 'tabs.js'/} #{/set} #{set 'moreStyles'} #{stylesheet
'restaurantDetail.css'/} #{/set}
<div id="main" class="span-24 last">

	<div id="tabContainer">
		<div class="tabs">
			<ul>
				<li id="tabHeader_1">Infos</li>
				<li id="tabHeader_2">Men&uuml;</li>

			</ul>
		</div>
		<div id="padded_box_10" class="tabscontent">

			<div class="tabpage" id="tabpage_1">

				#{if resta} #{list items:resta, as:'restaurant'}
				<div class="span-11 last">
					<img class="picture_overlay"
						src="../public/images/restaurant-pics/restaurant${restaurant.id}.jpg"
						width="400px" height="200px"></img>
				</div>
				<div class="span-11 last">
					<h3>
						${restaurant.name}</h3> 
						<h4>#{if session.get("username")} <a
							href="@{AppointmentCreation.addToFavorite(restaurant.id)}">zu
							Favoriten hinzufügen</a> #{/if}
					</h4>

					<h4>
						Durchschnittliche Bewertung: <img
							src="../public/images/sterne4.png" alt="sterne" /><br>
						Kategorie: ${restaurant.category}<br> Adresse:
						${restaurant.address.street}, ${restaurant.address.zip}
						${restaurant.address.city}<br> Telefon:
						${restaurant.address.phone}

					</h4>
				</div>


				<div class="span-22 last">
					<br>Beschreibung: Lorem ipsum dolor sit amet, consetetur
					sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
					et dolore magna aliquyam erat, sed diam voluptua. At vero eos et
					accusam et justo duo dolores et ea rebum. Stet clita kasd
					gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
					Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
					nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
					erat, sed diam voluptua. At vero eos et accusam et justo duo
					dolores et ea rebum.<br> <br>
				</div>
				<div align="center" class="span-22 last">
					<iframe width="500" height="250" frameborder="0" scrolling="no"
						marginheight="0" marginwidth="0"
						src="https://maps.google.de/maps?f=q&amp;source=s_q&amp;hl=de&amp;geocode=&amp;q=Augustiner-Keller+M%C3%BCnchen&amp;aq=&amp;sll=48.143697,11.569462&amp;sspn=0.035852,0.104628&amp;t=h&amp;ie=UTF8&amp;hq=Augustiner-Keller&amp;hnear=M%C3%BCnchen,+Oberbayern,+Bayern&amp;ll=48.143296,11.553841&amp;spn=0.034363,0.085831&amp;z=13&amp;output=embed"></iframe>
				</div>
				#{/list} #{/if}

			</div>
			<div class="tabpage" id="tabpage_2">
				#{if meals}
				<table>
					#{list items:meals, as:'meal'}
					<tr class="tableRow">
						<td>${meal.title}</td>
						<td>${meal.description}</td>
						<td>${meal.price}</td>
						<td>${meal.category}</td>
					</tr>
					#{/list}
				</table>
				#{/if}
			</div>
		</div>
	</div>
</div>